header {
    display: table;
    text-align: center
}

header > h1 {
    display: table-cell;
    vertical-align: middle;
    width: 100%
}

.w-d {
    position: relative;
    display: block;
    float: right;
    width: 95.833333%;
    height: 3.333333em;
    padding-top: .740740em;
    padding-left: 1.111111em;
    border-left: .0833333em solid #fff
}

.b-b {
    position: absolute;
    display: inline-block;
    vertical-align: top;
    left: -.66666em;
    width: 1.333333em;
    height: 1.33333em;
    border: .0833333em solid #06a550;
    border-radius: 1.333333em;
    background-color: transparent
}

.b-b > b {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: .517517em;
    height: .517517em;
    background-color: #06a550;
    border-radius: .517517em
}

.t-p {
    display: inline-block;
    vertical-align: top;
    line-height: 1
}

.tp-t {
    display: inline-block;
    vertical-align: top;
    color: #9d9d9d;
    font-size: .875em
}

.tp-i {
    display: inline-block;
    vertical-align: top;
    color: #f00;
    font-size: 1em
}

.tp-n {
    display: inline-block;
    vertical-align: top;
    color: #f00;
    font-size: 1.125em;
    margin-top: -.15em
}

#h_o_d {
    width: 95.833333%;
    float: right;
    height: auto;
    border-left: .0833333em solid #fff
}

.o-i-d {
    position: relative;
    width: 100%;
    height: auto;
    padding-left: 1.111111em;
    padding-bottom: 1.666666em
}

.o-i-d > b {
    position: absolute;
    top: -.185185em;
    left: -.25em;
    display: block;
    width: .370370em;
    height: .370370em;
    border-radius: .370370em;
    background-color: #06a550
}

@media only screen and (max-width: 320px) {
    .o-i-d > b {
        left: -.215em
    }
}

#h_o_d > div.o-i-d:last-child {
    margin-bottom: 4em
}

.ho-t-i, .ho-t-i-n {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-top: -.5em;
    margin-bottom: .555555em;
    font-size: .875em;
    line-height: 1;
    color: grey
}

.ho-o-i-d {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding-left: .555555em;
    min-height: 7.40740em;
    margin-top: -.5em;
    height: auto;
    overflow: hidden;
    background-color: #fff
}

.ho-o-i-d:active, .ho-o-i-d:focus {
    background-color: rgba(0, 0, 0, .2)
}

.payed-icon {
    position: absolute;
    display: block;
    width: 4.375rem;
    height: 3.28125rem;
    top: 0;
    right: 0;
    background-image: url(../../img/isPay.png);
    background-size: 100%;
    background-repeat: no-repeat
}

.payed-icon.refunding {
    background-image: url(../../img/noPay.png)
}

.payed-icon.refund {
    background-image: url(../imgs/ico_yituidan.png)
}

.payed-icon.refund-fail {
    background-image: url(../imgs/ico_tuidanshibai.png)
}

.ho-o-s {
    display: block;
    width: 100%;
    height: 2.222222em;
    border-bottom: .0833333em solid #eee
}

.ho-o-c, .ho-o-c-d {
    height: inherit;
    line-height: 2.5;
    display: inline-block;
    vertical-align: middle;
    color: #00b680
}

.ho-o-c-d {
    color: #666
}

.ho-o-d-i-d {
    width: 100%;
    padding-top: .740740em;
    padding-right: .555555em;
    padding-bottom: .740740em
}

.ho-o-d-i-d-f {
    width: 70.3125%;
    float: left
}

.ho-o-d-s-tr > .dpib-vtcm {
    margin-top: -.625rem
}

.s-img {
    float: left;
    display: block;
    vertical-align: top;
    width: 3.703703em;
    height: 3.703703em;
    margin-right: .9375rem;
    border-radius: .375em
}

.s-d-info {
    position: relative;
    overflow: hidden;
    display: block;
    vertical-align: top;
    margin-left: .740740em
}

.ho-o-d-s-n {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    font-size: 1.125em;
    color: #333;
    line-height: 1
}

.ho-o-d-s-tr {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    color: #f00;
    line-height: 1;
    margin-top: .812em
}

.ho-o-d-s-tr > span:first-child {
    font-size: .875em;
    color: #adafb3
}

.ho-o-d-s-tr > span:last-child {
    font-size: 1.125em
}

.addOrder-btn-div, .shout-w-d, .shout-w-d-d {
    display: inline-block;
    vertical-align: bottom;
    float: right;
    padding: .740740em .740740em .740740em .740740em;
    border-radius: .375em;
    background-color: #ff9a0c;
    color: #fff;
    font-size: .8125em
}

.shout-w-d-d {
    background-color: #999
}

.addOrder-btn-div {
    padding-left: 1.111111em;
    padding-right: 1.111111em;
    background-color: #4bacfe;
    margin-right: .740740em;
    margin-bottom: .740740em;
    text-align: center
}

.addOrder-btn-div:active, .addOrder-btn-div:focus {
    background-color: #0063b7
}

.addOrder-btn-div > span, .shout-w-d > span {
    display: inline-block;
    vertical-align: middle;
    margin-left: .315rem
}

.ho-t-i-n {
    color: #06a550
}

.pull-right {
    float: right
}

.ico_jiacai, .pay-icon {
    display: inline-block;
    vertical-align: middle;
    width: .9375rem;
    height: .9375rem;
    background-image: url();
    background-size: 100%;
    background-repeat: no-repeat
}

.pay-icon {
    background-image: url()
}